<template>
  <div class="container mx-auto">

      <NavWap  class="xl:hidden" @showBigSlideMenu="showBigSlideMenu"  />
      <NavPc  class="hidden xl:block" @showBigSlideMenu="showBigSlideMenu"  />
      
             <!-- pc端才会出现左侧小菜单 -->
      <SlideMenuSmall class="hidden md:block"  v-if="slideTpye == 'small'"  />
       <!-- pc web端 拉出左侧菜单 -->
       <SlideMenuBig  v-if="slideTpye == 'big'" @showBigSlideMenu="showBigSlideMenu"/>
 
  <div :class="pl" class="  pt-16  min-h-screen w-full"  >
     
  <!--
  This example requires Tailwind CSS v2.0+ 
  
  This example requires some changes to your config:
  
  ```
  // tailwind.config.js
  module.exports = {
    // ...
    plugins: [
      // ...
      require('@tailwindcss/forms'),
    ],
  }
  ```
-->
<div class="p-3">
  <div>
    <!--
      Mobile filter dialog

      Off-canvas filters for mobile, show/hide based on off-canvas filters state.
    -->
    <div class="fixed inset-0 flex z-40 lg:hidden" v-if="filterStatus==1" role="dialog" aria-modal="true">
      <!--
        Off-canvas menu overlay, show/hide based on off-canvas menu state.

        Entering: "transition-opacity ease-linear duration-300"
          From: "opacity-0"
          To: "opacity-100"
        Leaving: "transition-opacity ease-linear duration-300"
          From: "opacity-100"
          To: "opacity-0"
      -->
      <div @click="dohideFilters" class="fixed inset-0 bg-black bg-opacity-25" aria-hidden="true"></div>

      <!--
        Off-canvas menu, show/hide based on off-canvas menu state.

        Entering: "transition ease-in-out duration-300 transform"
          From: "translate-x-full"
          To: "translate-x-0"
        Leaving: "transition ease-in-out duration-300 transform"
          From: "translate-x-0"
          To: "translate-x-full"
      -->
      <div class="ml-auto relative max-w-xs w-full h-full  shadow-xl py-4 pb-12 flex flex-col overflow-y-auto bg-gray-800">
        <div class="px-4 flex items-center justify-between">
          <h2 class="text-lg font-medium text-gray-300">Filters</h2>
          <button @click="dohideFilters" type="button" class="-mr-2 w-10 h-10  p-2 rounded-md flex items-center justify-center text-gray-300">
            <span class="sr-only">Close menu</span>
            <!-- Heroicon name: outline/x -->
            <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
            </svg>
          </button>
        </div>

        <!-- Filters -->
        <form class="mt-4 border-t border-gray-700 px-2">
          <h3 class="sr-only">Categories</h3>
           <ul role="list" class="text-sm font-medium text-gray-300 space-y-4 py-4  border-b border-gray-700">
              <li>
                <a href="/">
                   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="w-5 h-5 inline-block pr-1 stroke-current">   
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
                  </svg>
                  Home
                </a>
              </li>

              <li>
                <a href="/ski-resort">
                  <svg class=" w-5 h-5 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4500" width="200" height="200"><path d="M512 960C264.576 960 64 759.424 64 512S264.576 64 512 64s448 200.576 448 448-200.576 448-448 448z m0-853.333333C288.149333 106.666667 106.666667 288.149333 106.666667 512s181.482667 405.333333 405.333333 405.333333 405.333333-181.482667 405.333333-405.333333S735.850667 106.666667 512 106.666667z m341.333333 426.666666h-21.333333a21.333333 21.333333 0 1 1 0-42.666666h21.333333a21.333333 21.333333 0 1 1 0 42.666666z m-128.448 175.018667a20.138667 20.138667 0 0 1-5.568 10.965333 20.778667 20.778667 0 0 1-24.085333 3.669334l1.237333 1.258666 0.170667 0.170667c-3.456-1.429333-6.528-2.773333-9.898667-4.16-110.698667-46.122667-175.210667-82.261333-210.496-105.344-28.010667-18.304-37.866667-28.437333-38.272-28.864-0.96-0.917333-53.077333-51.456-138.346666-258.666667h0l1.429333 1.429334c-0.213333-0.426667-0.256-0.896-0.426667-1.322667a20.586667 20.586667 0 0 1-0.810666-14.101333 19.882667 19.882667 0 0 1 4.885333-8.682667 20.629333 20.629333 0 0 1 23.488-3.861333c0.192 0.085333 0.426667 0.106667 0.597333 0.213333l-0.490666-0.533333-0.917334-0.896h0.021334-0.021334c207.210667 85.269333 257.749333 137.386667 258.666667 138.346666 0.96 0.917333 53.077333 51.477333 138.346667 258.666667l-0.021334-0.021333 0.021334 0.021333-0.938667-0.938667-0.490667-0.469333c0.490667 1.002667 0.682667 2.069333 1.024 3.114667a21.034667 21.034667 0 0 1 0.896 10.005333z m-169.237333-240.448c-0.448-0.448-43.008-41.109333-195.989333-108.224 67.114667 152.981333 107.84 195.562667 108.693333 196.437333 0.448 0.448 43.008 41.130667 195.989333 108.224-67.114667-153.002667-107.84-195.562667-108.693333-196.437333zM512 490.666667a21.333333 21.333333 0 1 1 0 42.666666 21.333333 21.333333 0 1 1 0-42.666666z m0-277.333334a21.333333 21.333333 0 0 1-21.333333-21.333333V170.666667a21.333333 21.333333 0 1 1 42.666666 0v21.333333a21.333333 21.333333 0 0 1-21.333333 21.333333z m0 597.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v21.333333a21.333333 21.333333 0 1 1-42.666666 0v-21.333333a21.333333 21.333333 0 0 1 21.333333-21.333333zM192 533.333333H170.666667a21.333333 21.333333 0 1 1 0-42.666666h21.333333a21.333333 21.333333 0 1 1 0 42.666666z" fill="#cdcdcd" p-id="4501"></path></svg>
                   Ski Resorts
                </a>
              </li>
              <div class="border-b border-gray-700"></div>
              <li>
                <a href="/community">
                  <svg t="1641200070037" class="w-5 h-5 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13421" width="200" height="200"><path d="M640 928c-158.4 0-288-129.6-288-288s129.6-288 288-288 288 129.6 288 288-129.6 288-288 288z m0-512c-123.2 0-224 100.8-224 224s100.8 224 224 224 224-100.8 224-224-100.8-224-224-224z" p-id="13422" fill="#e6e6e6"></path><path d="M592 750.4c-4.8 0-11.2-1.6-16-4.8-9.6-6.4-16-16-16-27.2v-156.8c0-11.2 6.4-22.4 16-27.2s22.4-6.4 32 0l136 78.4c9.6 6.4 16 16 16 27.2s-6.4 22.4-16 27.2l-136 80c-4.8 1.6-11.2 3.2-16 3.2z m32-134.4v46.4l40-24-40-22.4zM256 512H128c-17.6 0-32-14.4-32-32s14.4-32 32-32h128c17.6 0 32 14.4 32 32s-14.4 32-32 32zM256 832H128c-17.6 0-32-14.4-32-32s14.4-32 32-32h128c17.6 0 32 14.4 32 32s-14.4 32-32 32zM896 192H128c-17.6 0-32-14.4-32-32s14.4-32 32-32h768c17.6 0 32 14.4 32 32s-14.4 32-32 32z" p-id="13423" fill="#e6e6e6"></path></svg>
                  All Topics
                </a>
              </li>
              <!-- <li>
                <a href="/community/unread" v-if="$store.state.user.uid" >
                <svg t="1642994796635" class="w-4 h-4 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14185" width="200" height="200"><path d="M686.933333 128a214.314667 214.314667 0 0 0 0 85.333333H192.469333l322.133334 284.245334 215.424-192.853334c18.176 22.485333 40.874667 41.216 66.688 54.826667l-281.642667 252.202667L170.666667 307.882667V810.666667h682.666666V379.733333a214.314667 214.314667 0 0 0 85.333334 0V853.333333a42.666667 42.666667 0 0 1-42.666667 42.666667H128a42.666667 42.666667 0 0 1-42.666667-42.666667V170.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h558.933333zM896 298.666667a128 128 0 1 1 0-256 128 128 0 0 1 0 256z" p-id="14186" fill="#8a8a8a"></path></svg>
                 Unread
                </a>
              </li> -->

              <!-- <li>
                <a href="/community/popular">
                 <svg t="1641200816721" class="w-4 h-4 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17506" width="200" height="200"><path d="M512 1021.888053c-263.60941 0-454.836629-174.715632-454.836629-415.797605a25.279368 25.279368 0 1 1 50.494738 0c0 211.642709 170.043749 365.366866 404.341891 365.366866 234.298143 0 404.277893-153.724157 404.277893-365.366866a25.343366 25.343366 0 1 1 50.622734 0c-0.063998 241.017975-191.355216 415.797605-454.900627 415.797605z" fill="#dbdbdb" p-id="17507"></path><path d="M941.621259 631.305817a25.279368 25.279368 0 0 1-25.343366-25.279368c0-221.306467-81.085973-346.679333-140.79648-408.949776-2.367941 100.605485-43.902902 182.459439-45.758856 186.171346l-30.463238 59.070523-16.511588-64.318392c-0.767981-2.623934-67.19832-254.329642-221.690457-322.039949-2.559936 172.347691-157.116072 362.614935-163.835905 370.870728l-36.159096 44.030899-8.447788-56.38259c-0.063998-0.831979-11.519712-73.98215-56.318592-132.092698 5.311867 82.301942-20.543486 130.620734-45.694858 177.467564-22.079448 41.342966-42.942926 80.445989-42.942926 146.236344a25.279368 25.279368 0 1 1-50.494738 0c0-78.39804 26.047349-127.100822 48.894778-169.979751 26.687333-50.046749 49.790755-93.18167 36.479088-180.539486a39.935002 39.935002 0 0 1 20.79948-41.150972 38.207045 38.207045 0 0 1 44.478888 5.759856c43.710907 40.574986 68.158296 93.629659 81.213969 132.924677C334.980425 287.250419 415.298418 154.901727 410.370541 41.816555A40.190995 40.190995 0 0 1 426.498138 7.705407a38.01505 38.01505 0 0 1 35.327116-5.631859c134.844629 46.270843 212.090698 201.59496 247.097823 293.688658 9.663758-33.727157 18.111547-77.502062 15.679608-123.516912a39.487013 39.487013 0 0 1 65.790355-31.167221c65.918352 59.774506 176.507587 199.61101 176.507587 465.012375a25.279368 25.279368 0 0 1-25.279368 25.215369z" fill="#dbdbdb" p-id="17508"></path></svg>
                 Popular
                </a>
              </li> -->

               <!-- <li>
                <a href="#">
                <svg t="1641203307158" class="w-4 h-4 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19557" width="200" height="200"><path d="M124.928 660.48h104.96v238.08h-104.96zM347.136 535.552h104.96v363.52h-104.96zM548.864 644.608h104.96v254.464h-104.96zM766.976 422.4h104.96v476.672h-104.96z" fill="#dbdbdb" p-id="19558"></path><path d="M666.112 124.928l110.592 118.784L535.04 473.6 351.744 307.2v-0.512l-0.512-0.512-1.536 2.048L61.44 536.576l32.768 41.472 254.976-202.752 186.368 169.472 1.024-1.024 0.512 0.512 275.456-262.144 100.864 108.544 12.8-260.096z" fill="#dbdbdb" p-id="19559"></path></svg>
                Trending
                </a>
              </li> -->

              <li>
                <a href="/category/4/Used-Skis-Snowboards">
                  <svg t="1641200575984" class="w-5 h-5 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14395" width="200" height="200"><path d="M514.048 75.1616c-242.1248 0-439.1424 197.0176-439.1424 439.1424s197.0176 439.1424 439.1424 439.1424 439.1424-197.0176 439.1424-439.1424-197.0176-439.1424-439.1424-439.1424z m0 816.8448c-208.2816 0-377.7024-169.4208-377.7024-377.7024 0-208.2816 169.4208-377.7024 377.7024-377.7024s377.7024 169.4208 377.7024 377.7024c0 208.2816-169.4208 377.7024-377.7024 377.7024z" fill="#dbdbdb" p-id="14396"></path><path d="M514.048 787.0464c-132.1984 0-243.0464-94.976-267.6224-220.3136l42.8544 21.6064 27.648-54.8864-91.1872-45.9264a31.72864 31.72864 0 0 0-30.8736 1.3824 31.77472 31.77472 0 0 0-14.9504 26.9824c0.8192 183.3984 150.7328 332.5952 334.1824 332.5952 90.9824 0 176.0256-35.8912 239.4624-101.12l-44.032-42.8544c-51.8656 53.248-121.2416 82.5344-195.4816 82.5344zM514.048 180.1728c-87.1936 0-169.6768 33.3824-232.2944 93.952l42.7008 44.1856c51.0976-49.4592 118.4256-76.6976 189.5936-76.6976 133.0688 0 244.5312 96.2048 268.1344 222.8224l-56.3712-25.7536-25.5488 55.8592 103.0144 47.104c4.2496 1.9968 8.8064 2.9696 13.312 2.9696 5.9392 0 11.8784-1.6896 17.0496-5.0688a31.3344 31.3344 0 0 0 14.4896-26.7264c-0.7168-183.4496-150.6304-332.6464-334.08-332.6464z" fill="#dbdbdb" p-id="14397"></path><path d="M406.6816 548.3008v61.44h71.2192v32.3072h61.44v-32.3072h71.168v-61.44h-71.168v-31.232h71.168v-61.44h-44.9024l30.9248-37.1712-47.2576-39.2704-42.9568 51.6608-45.7216-49.8688-45.312 41.5232 30.4128 33.1264h-39.0144v61.44h71.2192v31.232z" fill="#dbdbdb" p-id="14398"></path></svg>
                  Used Skis/Snowboards
                </a>
              </li>

              <li>
                <a href="/category/2/general-discussion">
                  <svg t="1641200634472" class="w-5 h-5 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15378" width="200" height="200"><path d="M949.7 618.8c0-66.1-30.4-138.2-79.7-190.2-2.7-182.8-151.7-330.1-335.1-330.1H429.4c-185.1 0-335.2 150.1-335.2 335.2V448c0 81 29 155.1 76.8 213 5.4 6.6 7.5 15.3 5.2 23.5l-29.6 103.8c-5 17.5 8.9 32.7 24.6 32.7 4.4 0 9-1.2 13.4-3.9l93.8-57.8c4-2.5 8.6-3.7 13.2-3.7 3.5 0 6.9 0.7 10.2 2.1 28.8 11.9 59.6 20.1 91.8 23.6 1 3 2.7 5.8 5.2 8.1 2.4 2.3 4.8 4.6 7.3 6.9 43.5 41.4 103.1 98 201.1 98h77.2c34.7 0 68.6-6.7 100.6-20l77.9 48c5.5 3.4 11.7 5.1 17.9 5.1 7.3 0 14.6-2.4 20.7-7 11.3-8.6 16.1-23 12.1-36.6L889 797.5c39.1-47.5 60.6-107.1 60.6-168.4v-10.3z m-658.1 96.9c-12 0-23.8 3.3-34 9.6L194.8 764l19.6-68.7c5.9-20.6 1.1-43-12.7-59.8-21.5-26-38.2-55-49.7-86.3-12-32.4-18-66.5-18-101.4v-14.3c0-39.9 7.8-78.6 23.2-115 14.9-35.2 36.2-66.8 63.3-93.9 27.1-27.1 58.7-48.4 93.9-63.3 36.4-15.4 75.1-23.2 115-23.2h105.5v0.2c39.9 0 78.6 7.8 115 23.2 35.2 14.9 66.8 36.2 93.9 63.3 27.1 27.1 48.4 58.7 63.3 93.9 15.4 36.4 23.2 75.1 23.2 115 0 41.8-8.2 82.4-24.3 120.5-15.6 36.9-37.9 70-66.4 98.4-28.5 28.5-61.6 50.8-98.4 66.4-38.1 16.1-78.7 24.3-120.5 24.3h-91.3c-38.5 0-76.3-7.6-112.4-22.5-8.1-3.4-16.7-5.1-25.4-5.1z m618.3-86.6c0 52.8-18.9 104.3-53.1 145l-0.1 0.1c-7.3 8.7-9.8 20.4-6.7 31.2l21.5 75.4-68.2-42c-9.4-5.8-21-6.6-31.2-2.2-27.9 11.9-57.3 18-87.7 18h-77.2c-36.3 0-69.4-9.2-101.2-28.2-21-12.5-39.3-28-55.7-43.1h70.4c174.9 0 319.8-128.6 345.4-296.3 8.6 12.6 16.3 26.1 22.7 40.2 13.8 30.4 21.1 62.1 21.1 91.7v10.2z" p-id="15379" fill="#dbdbdb"></path><path d="M313 397c-27.4 0-49.7 22.3-49.7 49.7 0 27.4 22.3 49.7 49.7 49.7s49.7-22.3 49.7-49.7c0-27.4-22.3-49.7-49.7-49.7z m0 79.6c-16.5 0-29.9-13.4-29.9-29.9s13.4-29.9 29.9-29.9 29.9 13.4 29.9 29.9-13.4 29.9-29.9 29.9zM482.2 496.4c27.4 0 49.7-22.3 49.7-49.7 0-27.4-22.3-49.7-49.7-49.7-27.4 0-49.7 22.3-49.7 49.7 0 27.4 22.3 49.7 49.7 49.7z m0-79.6c16.5 0 29.9 13.4 29.9 29.9s-13.4 29.9-29.9 29.9-29.9-13.4-29.9-29.9 13.4-29.9 29.9-29.9zM651.3 496.4c27.4 0 49.7-22.3 49.7-49.7 0-27.4-22.3-49.7-49.7-49.7s-49.7 22.3-49.7 49.7c0 27.4 22.3 49.7 49.7 49.7z m0-79.6c16.5 0 29.9 13.4 29.9 29.9s-13.4 29.9-29.9 29.9-29.9-13.4-29.9-29.9 13.4-29.9 29.9-29.9z" p-id="15380" fill="#dbdbdb"></path></svg>
                  Discussion
                </a>
              </li>

              <li>
                <a href="/category/4/feedback">
                  <svg t="1641200676458" class="w-5 h-5 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16250" width="200" height="200"><path d="M170.666667 896v0.021333c-0.426667 0.021333 0 0.426667 0 2.069334C170.666667 896.426667 170.24 896 170.666667 896z m682.666666-607.488V896H170.666667V170.666667h554.666666V128H170.474667C147.178667 128 128 146.176 128 168.576v729.514667C128 920.448 147.114667 938.666667 170.666667 938.666667h682.666666c23.68 0 42.666667-18.218667 42.666667-40.661334v-609.493333h-42.666667zM618.474667 519.701333a21.312 21.312 0 0 0 29.226666-7.530666l245.333334-416a21.354667 21.354667 0 0 0-36.757334-21.674667l-245.333333 416a21.333333 21.333333 0 0 0 7.530667 29.226667zM298.666667 384.021333h298.666666v-42.666666H298.666667v42.666666z m0 128h170.666666v-42.666666h-170.666666v42.666666z" fill="#dbdbdb" p-id="16251"></path></svg>
                  Feedback
                </a>
              </li>

              
            </ul>
            <div class="text-gray-400 mt-5 mb-3">MY COMMUNITIES</div>
            <div role="list" class="text-sm font-medium text-gray-300 space-y-4 pb-6   ">
               <a class=" block" style="" v-for="(tag,key) in tags" v-bind:key="key"  :href="'/tags/'+tag.name"  >  
                    {{tag.name}} 
                 </a>
            </div>
         
        </form>
      </div>
    </div>

    <main class=" w-full">
      <div v-if="meta.title">
        <div  class="relative z-10 flex items-baseline justify-between pt-4   border-gray-700">
          <h1 class="text-xl font-extrabold tracking-tight text-gray-300" v-html="meta.title"> </h1>
        </div>
        <div class="text-gray-400 border-b pb-2" v-html="meta.description"></div>
      </div>
      <div v-else class="relative z-10 flex items-baseline justify-between pt-4 pb-6 border-b border-gray-700">
        <h1 class="text-xl font-extrabold tracking-tight text-gray-300">SnoGoGo Community </h1>
      </div>

      <section aria-labelledby="products-heading" class="pt-6 pb-24">
        <h2 id="products-heading" class="sr-only">Community</h2>

        <div class="grid grid-cols-1 lg:grid-cols-4 gap-x-8 gap-y-10 ">
          <!-- Filters -->
          <form class="hidden lg:block bg-gray-800 rounded-box p-4">
            <h3 class="sr-only">Categories</h3>
            <ul role="list" class="text-sm font-medium text-gray-300 space-y-4 pb-6 border-b border-gray-700">
              <li>
                <a href="/community">
                  <svg t="1641200070037" class="w-5 h-5 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13421" width="200" height="200"><path d="M640 928c-158.4 0-288-129.6-288-288s129.6-288 288-288 288 129.6 288 288-129.6 288-288 288z m0-512c-123.2 0-224 100.8-224 224s100.8 224 224 224 224-100.8 224-224-100.8-224-224-224z" p-id="13422" fill="#e6e6e6"></path><path d="M592 750.4c-4.8 0-11.2-1.6-16-4.8-9.6-6.4-16-16-16-27.2v-156.8c0-11.2 6.4-22.4 16-27.2s22.4-6.4 32 0l136 78.4c9.6 6.4 16 16 16 27.2s-6.4 22.4-16 27.2l-136 80c-4.8 1.6-11.2 3.2-16 3.2z m32-134.4v46.4l40-24-40-22.4zM256 512H128c-17.6 0-32-14.4-32-32s14.4-32 32-32h128c17.6 0 32 14.4 32 32s-14.4 32-32 32zM256 832H128c-17.6 0-32-14.4-32-32s14.4-32 32-32h128c17.6 0 32 14.4 32 32s-14.4 32-32 32zM896 192H128c-17.6 0-32-14.4-32-32s14.4-32 32-32h768c17.6 0 32 14.4 32 32s-14.4 32-32 32z" p-id="13423" fill="#e6e6e6"></path></svg>
                  All Topics
                </a>
              </li>
              <!-- <li>
                <a href="/community/unread" v-if="$store.state.user.uid">
                 <svg t="1642994796635" class="w-4 h-4 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14185" width="200" height="200"><path d="M686.933333 128a214.314667 214.314667 0 0 0 0 85.333333H192.469333l322.133334 284.245334 215.424-192.853334c18.176 22.485333 40.874667 41.216 66.688 54.826667l-281.642667 252.202667L170.666667 307.882667V810.666667h682.666666V379.733333a214.314667 214.314667 0 0 0 85.333334 0V853.333333a42.666667 42.666667 0 0 1-42.666667 42.666667H128a42.666667 42.666667 0 0 1-42.666667-42.666667V170.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h558.933333zM896 298.666667a128 128 0 1 1 0-256 128 128 0 0 1 0 256z" p-id="14186" fill="#8a8a8a"></path></svg>
                 Unread
                </a>
              </li>

              <li>
                <a href="/community/popular">
                 <svg t="1641200816721" class="w-4 h-4 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17506" width="200" height="200"><path d="M512 1021.888053c-263.60941 0-454.836629-174.715632-454.836629-415.797605a25.279368 25.279368 0 1 1 50.494738 0c0 211.642709 170.043749 365.366866 404.341891 365.366866 234.298143 0 404.277893-153.724157 404.277893-365.366866a25.343366 25.343366 0 1 1 50.622734 0c-0.063998 241.017975-191.355216 415.797605-454.900627 415.797605z" fill="#dbdbdb" p-id="17507"></path><path d="M941.621259 631.305817a25.279368 25.279368 0 0 1-25.343366-25.279368c0-221.306467-81.085973-346.679333-140.79648-408.949776-2.367941 100.605485-43.902902 182.459439-45.758856 186.171346l-30.463238 59.070523-16.511588-64.318392c-0.767981-2.623934-67.19832-254.329642-221.690457-322.039949-2.559936 172.347691-157.116072 362.614935-163.835905 370.870728l-36.159096 44.030899-8.447788-56.38259c-0.063998-0.831979-11.519712-73.98215-56.318592-132.092698 5.311867 82.301942-20.543486 130.620734-45.694858 177.467564-22.079448 41.342966-42.942926 80.445989-42.942926 146.236344a25.279368 25.279368 0 1 1-50.494738 0c0-78.39804 26.047349-127.100822 48.894778-169.979751 26.687333-50.046749 49.790755-93.18167 36.479088-180.539486a39.935002 39.935002 0 0 1 20.79948-41.150972 38.207045 38.207045 0 0 1 44.478888 5.759856c43.710907 40.574986 68.158296 93.629659 81.213969 132.924677C334.980425 287.250419 415.298418 154.901727 410.370541 41.816555A40.190995 40.190995 0 0 1 426.498138 7.705407a38.01505 38.01505 0 0 1 35.327116-5.631859c134.844629 46.270843 212.090698 201.59496 247.097823 293.688658 9.663758-33.727157 18.111547-77.502062 15.679608-123.516912a39.487013 39.487013 0 0 1 65.790355-31.167221c65.918352 59.774506 176.507587 199.61101 176.507587 465.012375a25.279368 25.279368 0 0 1-25.279368 25.215369z" fill="#dbdbdb" p-id="17508"></path></svg>
                 Popular
                </a>
              </li> -->

               <!-- <li>
                <a href="#">
                <svg t="1641203307158" class="w-4 h-4 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19557" width="200" height="200"><path d="M124.928 660.48h104.96v238.08h-104.96zM347.136 535.552h104.96v363.52h-104.96zM548.864 644.608h104.96v254.464h-104.96zM766.976 422.4h104.96v476.672h-104.96z" fill="#dbdbdb" p-id="19558"></path><path d="M666.112 124.928l110.592 118.784L535.04 473.6 351.744 307.2v-0.512l-0.512-0.512-1.536 2.048L61.44 536.576l32.768 41.472 254.976-202.752 186.368 169.472 1.024-1.024 0.512 0.512 275.456-262.144 100.864 108.544 12.8-260.096z" fill="#dbdbdb" p-id="19559"></path></svg>
                Trending
                </a>
              </li> -->

              <li>
                <a href="/category/4/Used-Skis-Snowboards">
                  <svg t="1641200575984" class="w-5 h-5 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14395" width="200" height="200"><path d="M514.048 75.1616c-242.1248 0-439.1424 197.0176-439.1424 439.1424s197.0176 439.1424 439.1424 439.1424 439.1424-197.0176 439.1424-439.1424-197.0176-439.1424-439.1424-439.1424z m0 816.8448c-208.2816 0-377.7024-169.4208-377.7024-377.7024 0-208.2816 169.4208-377.7024 377.7024-377.7024s377.7024 169.4208 377.7024 377.7024c0 208.2816-169.4208 377.7024-377.7024 377.7024z" fill="#dbdbdb" p-id="14396"></path><path d="M514.048 787.0464c-132.1984 0-243.0464-94.976-267.6224-220.3136l42.8544 21.6064 27.648-54.8864-91.1872-45.9264a31.72864 31.72864 0 0 0-30.8736 1.3824 31.77472 31.77472 0 0 0-14.9504 26.9824c0.8192 183.3984 150.7328 332.5952 334.1824 332.5952 90.9824 0 176.0256-35.8912 239.4624-101.12l-44.032-42.8544c-51.8656 53.248-121.2416 82.5344-195.4816 82.5344zM514.048 180.1728c-87.1936 0-169.6768 33.3824-232.2944 93.952l42.7008 44.1856c51.0976-49.4592 118.4256-76.6976 189.5936-76.6976 133.0688 0 244.5312 96.2048 268.1344 222.8224l-56.3712-25.7536-25.5488 55.8592 103.0144 47.104c4.2496 1.9968 8.8064 2.9696 13.312 2.9696 5.9392 0 11.8784-1.6896 17.0496-5.0688a31.3344 31.3344 0 0 0 14.4896-26.7264c-0.7168-183.4496-150.6304-332.6464-334.08-332.6464z" fill="#dbdbdb" p-id="14397"></path><path d="M406.6816 548.3008v61.44h71.2192v32.3072h61.44v-32.3072h71.168v-61.44h-71.168v-31.232h71.168v-61.44h-44.9024l30.9248-37.1712-47.2576-39.2704-42.9568 51.6608-45.7216-49.8688-45.312 41.5232 30.4128 33.1264h-39.0144v61.44h71.2192v31.232z" fill="#dbdbdb" p-id="14398"></path></svg>
                  Used Skis/Snowboards
                </a>
              </li>

              <li>
                <a href="/category/5/general-discussion">
                  <svg t="1641200634472" class="w-5 h-5 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15378" width="200" height="200"><path d="M949.7 618.8c0-66.1-30.4-138.2-79.7-190.2-2.7-182.8-151.7-330.1-335.1-330.1H429.4c-185.1 0-335.2 150.1-335.2 335.2V448c0 81 29 155.1 76.8 213 5.4 6.6 7.5 15.3 5.2 23.5l-29.6 103.8c-5 17.5 8.9 32.7 24.6 32.7 4.4 0 9-1.2 13.4-3.9l93.8-57.8c4-2.5 8.6-3.7 13.2-3.7 3.5 0 6.9 0.7 10.2 2.1 28.8 11.9 59.6 20.1 91.8 23.6 1 3 2.7 5.8 5.2 8.1 2.4 2.3 4.8 4.6 7.3 6.9 43.5 41.4 103.1 98 201.1 98h77.2c34.7 0 68.6-6.7 100.6-20l77.9 48c5.5 3.4 11.7 5.1 17.9 5.1 7.3 0 14.6-2.4 20.7-7 11.3-8.6 16.1-23 12.1-36.6L889 797.5c39.1-47.5 60.6-107.1 60.6-168.4v-10.3z m-658.1 96.9c-12 0-23.8 3.3-34 9.6L194.8 764l19.6-68.7c5.9-20.6 1.1-43-12.7-59.8-21.5-26-38.2-55-49.7-86.3-12-32.4-18-66.5-18-101.4v-14.3c0-39.9 7.8-78.6 23.2-115 14.9-35.2 36.2-66.8 63.3-93.9 27.1-27.1 58.7-48.4 93.9-63.3 36.4-15.4 75.1-23.2 115-23.2h105.5v0.2c39.9 0 78.6 7.8 115 23.2 35.2 14.9 66.8 36.2 93.9 63.3 27.1 27.1 48.4 58.7 63.3 93.9 15.4 36.4 23.2 75.1 23.2 115 0 41.8-8.2 82.4-24.3 120.5-15.6 36.9-37.9 70-66.4 98.4-28.5 28.5-61.6 50.8-98.4 66.4-38.1 16.1-78.7 24.3-120.5 24.3h-91.3c-38.5 0-76.3-7.6-112.4-22.5-8.1-3.4-16.7-5.1-25.4-5.1z m618.3-86.6c0 52.8-18.9 104.3-53.1 145l-0.1 0.1c-7.3 8.7-9.8 20.4-6.7 31.2l21.5 75.4-68.2-42c-9.4-5.8-21-6.6-31.2-2.2-27.9 11.9-57.3 18-87.7 18h-77.2c-36.3 0-69.4-9.2-101.2-28.2-21-12.5-39.3-28-55.7-43.1h70.4c174.9 0 319.8-128.6 345.4-296.3 8.6 12.6 16.3 26.1 22.7 40.2 13.8 30.4 21.1 62.1 21.1 91.7v10.2z" p-id="15379" fill="#dbdbdb"></path><path d="M313 397c-27.4 0-49.7 22.3-49.7 49.7 0 27.4 22.3 49.7 49.7 49.7s49.7-22.3 49.7-49.7c0-27.4-22.3-49.7-49.7-49.7z m0 79.6c-16.5 0-29.9-13.4-29.9-29.9s13.4-29.9 29.9-29.9 29.9 13.4 29.9 29.9-13.4 29.9-29.9 29.9zM482.2 496.4c27.4 0 49.7-22.3 49.7-49.7 0-27.4-22.3-49.7-49.7-49.7-27.4 0-49.7 22.3-49.7 49.7 0 27.4 22.3 49.7 49.7 49.7z m0-79.6c16.5 0 29.9 13.4 29.9 29.9s-13.4 29.9-29.9 29.9-29.9-13.4-29.9-29.9 13.4-29.9 29.9-29.9zM651.3 496.4c27.4 0 49.7-22.3 49.7-49.7 0-27.4-22.3-49.7-49.7-49.7s-49.7 22.3-49.7 49.7c0 27.4 22.3 49.7 49.7 49.7z m0-79.6c16.5 0 29.9 13.4 29.9 29.9s-13.4 29.9-29.9 29.9-29.9-13.4-29.9-29.9 13.4-29.9 29.9-29.9z" p-id="15380" fill="#dbdbdb"></path></svg>
                  Discussion
                </a>
              </li>

              <li>
                <a href="/category/6/feedback">
                  <svg t="1641200676458" class="w-5 h-5 inline-block pr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16250" width="200" height="200"><path d="M170.666667 896v0.021333c-0.426667 0.021333 0 0.426667 0 2.069334C170.666667 896.426667 170.24 896 170.666667 896z m682.666666-607.488V896H170.666667V170.666667h554.666666V128H170.474667C147.178667 128 128 146.176 128 168.576v729.514667C128 920.448 147.114667 938.666667 170.666667 938.666667h682.666666c23.68 0 42.666667-18.218667 42.666667-40.661334v-609.493333h-42.666667zM618.474667 519.701333a21.312 21.312 0 0 0 29.226666-7.530666l245.333334-416a21.354667 21.354667 0 0 0-36.757334-21.674667l-245.333333 416a21.333333 21.333333 0 0 0 7.530667 29.226667zM298.666667 384.021333h298.666666v-42.666666H298.666667v42.666666z m0 128h170.666666v-42.666666h-170.666666v42.666666z" fill="#dbdbdb" p-id="16251"></path></svg>
                  Feedback
                </a>
              </li>

              
            </ul>
            <div class="text-gray-400 mt-5 mb-3">MY COMMUNITIES</div>
            <div role="list" class="text-sm font-medium text-gray-300 space-y-4 pb-6   ">
               <a class=" block" style="" v-for="(tag,key) in tags" v-bind:key="key"  :href="'/tags/'+tag.name"  >  
                    {{tag.name}} 
                 </a>
            </div>
          </form>

          <!-- topics grid -->
          <div class="lg:col-span-3">
            <div class="menu-box mb-4">
              <ul class="w-full menu items-stretch px-3 shadow-lg  horizontal rounded-box bg-gray-800 text-gray-300">
                <li @click="getTopic('lastposttime')"  class="cursor-pointer" :class="sort=='lastposttime' ? 'bordered' : ''">
                  <a>
                      Recent  
                      </a>
                </li> 
                
                <li @click="getTopic('votes')" class="cursor-pointer" :class="sort=='votes' ? 'bordered' : ''">
                  <span>
                        Most Liked
                      </span>
                </li> 
                <li @click="getTopic('postercount')" class="cursor-pointer" :class="sort=='postercount' ? 'bordered' : ''">
                  <a>
                      Most Posts
                  </a>
                </li>
                
              </ul>
            </div>
            <!-- Replace with your content -->
            <div class="p-10 text-center text-gray-200" v-if="showNoting">
               There are no topics with this tag.
            </div>
               <a  v-for="(item,key) in topics" v-bind:key="key" :href="'/topic/'+item.slug"  class="card lg:card-side text-gray-300 rounded-box p-4 bg-gray-800 mb-3">
            
                <div class="card-body p-0  pt-4 lg:pt-0 lg:pl-4 " >
                      <div class="card"><div class="flex-row items-center space-x-4 card-body p-0"><div>
            <a class="avatar" :href="'/uid/'+item.uid" v-if="item.picture"><div class="rounded-full w-10 h-10 shadow" ><img :src="item.picture"></div></a>
             <a class="avatar placeholder"  :href="'/uid/'+item.uid" v-else><div class="bg-neutral-focus text-neutral-content rounded-full w-10 h-10" :style="'background-color:'+ item['icon:bgColor']"><span>{{item['icon:text']}}</span></div></a> 
        </div> <div><h2 class=" text-gray-200 line-2" v-html="item.username"></h2> </div></div></div>
                      <p  class="line-2 mt-3" v-html="item.title"></p> 
                 
                      <div class="mt-3"  v-if="item.tags && item.tags.length>0">
                          <a  class="btn btn-outline btn-xs text-gray-400 mr-1 mt-1" v-for="(tag,key) in item.tags.slice(0,5)" v-bind:key="key"  :href="'/tags/'+tag"  >{{tag}}</a> 
                      </div>
                       <div class="mt-2"> 
                        <span class="float-left">  {{item.lastposttime}} </span>
                        <div class="float-right">

                       <svg t="1647505118994" class="h-6 w-6 inline-block" viewBox="0 0 1114 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2779" width="200" height="200"><path d="M412.43236215 880.21486555h-7.85199339c-19.62998309-3.92599633-35.33396983-15.70398675-43.18596322-31.40797352l-27.48197645-66.74194336h-62.81594705c-70.66793969 0-129.55789039-58.88994998-129.55788966-129.55789038V271.68538194c0-74.59393674 58.88994998-129.55789039 129.55788966-129.55789039h526.08355351c70.66793969 0 129.55789039 54.96395365 129.55789039 129.55789039v380.82167634c0 70.66793969-58.88994998 129.55789039-129.55789039 129.55789039h-282.6717602l-58.88994997 78.51993306c-7.85199338 11.77798971-23.55598013 19.62998309-43.18596323 19.62998381z m-141.33588011-679.19742403c-39.25996689 0-70.66793969 31.40797353-70.66793967 70.66794042v380.82167635c0 39.25996689 31.40797353 70.66793969 70.66793967 70.66794039h102.07591322l39.25996689 94.22391984 70.66794042-94.22391984h310.15373665c39.25996689 0 70.66793969-31.40797353 70.66793969-70.66794039V271.68538194c0-39.25996689-31.40797353-70.66793969-70.66793969-70.66794042H271.09648204zM346.41018531 337.51125953h374.80181521a30.71001833 30.71001833 0 0 1 0 61.4418473H346.41018531a30.71001833 30.71001833 0 1 1 0-61.4418473z m0.23992193 202.23245021h190.06186059a30.97175162 30.97175162 0 1 1 0 61.89988056H346.67191787a30.97175162 30.97175162 0 1 1 0-61.89988056z" fill="#dbdbdb" p-id="2780"></path></svg>
                       <span class="inline-block">{{item.postcount}}</span>

                        <svg t="1641192519668" class="h-6 w-6 inline-block" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11421" width="200" height="200"><path d="M923.421 501.927c-31.19-83.254-86.289-154.373-159.107-205.71-74.638-52.55-162.384-80.464-254.013-80.464s-179.374 27.792-254.013 80.464c-72.94 51.458-127.917 122.576-159.107 205.71l-3.884 10.194 3.884 10.194c31.19 83.254 86.289 154.373 159.107 205.71 74.638 52.55 162.384 80.464 254.013 80.464s179.374-27.792 254.013-80.464c72.94-51.458 127.917-122.576 159.107-205.71l3.884-10.194-3.884-10.194z m-413.12 248.429c-155.102 0-296.126-95.269-354.623-238.114 58.375-142.965 199.521-238.114 354.623-238.114s296.126 95.269 354.623 238.114c-58.497 142.845-199.643 238.114-354.623 238.114z" p-id="11422" fill="#dbdbdb"></path><path d="M510.301 357.99c-84.955 0-154.131 69.177-154.131 154.131s69.177 154.131 154.131 154.131 154.131-69.177 154.131-154.131S595.255 357.99 510.301 357.99z m0 250.008c-52.914 0-95.877-42.962-95.877-95.877s42.962-95.877 95.877-95.877 95.877 42.962 95.877 95.877-43.084 95.877-95.877 95.877z" p-id="11423" fill="#dbdbdb"></path></svg>
                        <span class="inline-block">{{item.viewcount}}</span>

                        <svg t="1641192768302" class="h-4 w-4 inline-block ml-2" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12280" width="200" height="200"><path d="M511.913993 928.016126c-28.898371 0-57.968755-12.729044-86.695112-41.455401L106.30472 564.034268C68.117588 516.38636 31.994625 471.318663 31.994625 383.935495c0-141.223585 114.905426-255.956996 255.956996-255.956996 53.15236 0 104.068537 16.169326 147.244079 46.615824 14.449185 10.148833 17.889467 30.102469 7.740635 44.551655-10.148833 14.449185-30.102469 17.889467-44.551655 7.740635-32.338653-22.877877-70.525785-34.918864-110.433059-34.918864-105.960692 0-191.967747 86.179069-191.967747 191.967747 0 61.409037 20.297665 90.135394 59.172854 138.643373l315.645893 318.742147c15.997312 15.997312 28.898371 22.361834 41.283387 22.533848 12.729044 0.172014 24.942046-6.192508 41.455401-22.705863l316.677977-319.946246c25.974131-28.210314 57.968755-75.858223 57.968755-137.439274 0-105.960692-86.179069-191.967747-191.967747-191.967747-47.991937 0-94.091718 17.889467-129.526625 50.22812l-133.998992 134.171006c-12.55703 12.55703-32.682681 12.55703-45.239711 0s-12.55703-32.682681 0-45.239711l135.031077-135.203091c48.335965-44.207626 109.745003-67.945574 173.734252-67.945574 141.223585 0 255.956996 114.905426 255.956996 255.956996 0 82.394759-41.111372 144.319839-75.686209 181.646901L598.781119 886.388712C569.882748 915.287082 540.984378 928.016126 511.913993 928.016126z" p-id="12281" fill="#dbdbdb"></path></svg>
                        <span class="inline-block">{{item.upvotes}}</span>
                        </div>
                        <div class="clear-both"></div>

                    </div>
                </div>
                
                </a>
 

              
 
            <!-- /End replace -->
          </div>
          <!-- recommend topics grid -->
         
        </div>
      </section>
    </main>
  </div>
</div>

</div>
</div>
</template>


<script>

export default {
  layout({req}){
    // //console.log("req.layout:",req.layout)
     return "web";
  },
 
  name: 'IndexPage',
   data(){
    return { 
      slideTpye:'small',
      user:{},
      page:2,
      pl:"pl-0 md:pl-20",
      filterStatus:0,
      layout:"",
      sort:'lastposttime',
      pathMatch:'',
      topics:[],
      showNoting:false,
     
    }
  },
   async asyncData({$axios,req,params,error,$Data,route}) {
      let subMeta ={};
       //console.log("route.path:",route.path)
    //  params
     let pathMatch = params['pathMatch'];
    
    let search ={cid:">3",type:"topic",sort:"lastposttime"}
     
    //  category
     if(params.id && params.name){
        //  pathMatch ="category/"+params.id+"/"+params.name; 
        search ={cid:params.id,type:"topic",sort:"lastposttime"}
     }
      //  tags
     if(  params.tag){
        //  pathMatch ="tags/"+params.tag; 
         subMeta.subtitle = params.tag;
          search ={keywords:params.tag,type:"topic",sort:"lastposttime"}
     }
    //  pages
     if(params.page){
         pathMatch =params.page; 
     }
      let meta = await $Data.getMeta(route.path,subMeta);
     //console.log("params:",params,"pathMatch:",pathMatch)
     let res ={};
      if(params.page){
        res = await  $axios.post('snogogo_nuxt/api/page',{slug:pathMatch})
     }else{
        res = await  $axios.post('snogogo_nuxt/api/getDocsWithScore',search)
        res.data.topics = res.data.list;
     }
    //  this.title = pathMatch;
      if(res.code>0){
        error({
            'statusCode': res.code,
            'message':res.code==404?"Page Not Found": JSON.stringify( res.msg),
        })
        return
      }
     
     let sses = await $Data.sesData(req.sid);
     let uid = (sses && sses.uid)?sses.uid:0;
     let tags = await $Data.getUserIndexTags(uid,20); 
     let topics = [];
     if(res.data && res.data.topics ){
       topics = res.data.topics;
     }
      let showNoting = false;
     if(topics.length==0){
       showNoting = true
     }
      return {
         data:res.data,
         tags,
         layout:req.layout,
         pathMatch,
         topics:res.data.topics,
         showNoting,
         params,
         meta
      }
   },
   mounted(){
     var _this = this;
     this.$tools.nextPage(()=>{
        _this.getTopicRes()
     });
   } ,
    async fetch({ store, params }) {
      // //console.log("store.state.user:",store)
      // await store.dispatch('GET_USER')
   },
    head() {
    return {
      title: this.meta.title,
      meta: [
         {
          name: 'keywords',
          content: this.meta.keywords,
        },
        {
          name: 'description',
          content:this.meta.description
        }
      ]
      }
    },
  methods: {
    dohideFilters(){
     
      this.filterStatus = 0;
       //console.log("this.filterStatus:",this.filterStatus)
    },
    // 左侧菜单显示
     showBigSlideMenu(){
        // //console.log("per:pl",this.pl,"slideTpye:",this.slideTpye)
       if(this.layout=="wap"){
          //console.log("this.layout:",this.layout)
          this.filterStatus =  1;
          return;
       }
       if(this.slideTpye=="small"){
          this.slideTpye="big";
          this.pl="pl-0 md:pl-60";
        }else{
          this.slideTpye="small";
          this.pl="pl-0 md:pl-20";
        }
       
        //console.log("this.filterStatus",this.filterStatus)
     },
     //  sort
    async getTopic(sort){
      //console.log("pathMatch:",this.pathMatch,"this.params",this.params)
      this.sort = sort;
      this.page=1;
      this.lastpage=0;
      this.topics=[];
      this.getTopicRes(1);
    },
    async getTopicRes(reload=0){
      if( this.loading ==1 || this.lastpage==1){
         return;
       }
       this.loading =1;
        //this.$tools.showToast('Loading...', 10000)
        var post ={
          page:this.page,
          sort:this.sort,
          type:"topic",
          cid:">3",

        };
        this.showNoting = false
      //  category
      if(this.params.id && this.params.name){
          // pathMatch ="category/"+params.id+"/"+params.name; 
          post.cid=this.params.id;
      }
        //  tags
      if(  this.params.tag){
          // pathMatch ="tags/"+params.tag; 
           post.keywords=[{name:this.params.tag,score:1}];
      }
    
 
       let res = await  this.$axios.post("snogogo_nuxt/api/getDocsWithScore",post)
       //this.$tools.hideToast();
        this.loading = 0;
       if(res.code>0){
          this.$tools.alert("error",res.code+":"+res.msg)
          return;
       }
        this.page++;
       if(res.data.list.length==0){
         this.lastpage=1;
          return;
       }
       

       if(reload==1){
          this.topics = res.data.list;
       }else{
          this.topics = this.topics.concat(res.data.list);
       }
       if(this.topics.length==0){
         this.showNoting = true
       }
    }
   },
  
   
 
     

}
</script>
